<template>
    <div>
        <van-card
        v-for="item in list"
        :key="item.cid"
        :desc="String(item.price * item.num)"
        :price="item.price"
        :title="item.title"
        :thumb="item.img"
      >
        <template #footer>
          <van-stepper v-model="item.num" />
        </template>
      </van-card>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list:[
                {
                    "cid": 401,
                    "img": "http://localhost:8080/image/%E7%94%9C%E5%93%816.jpg",
                    "title": "4皮蛋瘦肉粥3",
                    "price": 10
                },
                {
                    "cid": 402,
                    "img": "http://localhost:8080/image/%E7%94%9C%E5%93%815.jpg",
                    "title": "豆角焖面3",
                    "price": 14
                },
                {
                    "cid": 403,
                    "img": "http://localhost:8080/image/%E7%94%9C%E5%93%814.jpg",
                    "title": "小吃主食3",
                    "price": 10
                },
                {
                    "cid": 404,
                    "img": "http://localhost:8080/image/%E7%94%9C%E5%93%813.jpg",
                    "title": "葱花饼3",
                    "price": 10
                },
                {
                    "cid": 405,
                    "img": "http://localhost:8080/image/%E7%94%9C%E5%93%812.jpg",
                    "title": "牛肉饼3",
                    "price": 14
                },
                {
                    "cid": 406,
                    "img": "http://localhost:8080/image/%E7%94%9C%E5%93%812.jpg",
                    "title": "牛肉饼3",
                    "price": 14
                },
                {
                    "cid": 407,
                    "img": "http://localhost:8080/image/%E7%94%9C%E5%93%812.jpg",
                    "title": "牛肉饼3",
                    "price": 14
                }
            ]
        }
    },
    methods: {
        
    },
    mounted() {
      
    },
}
</script>